page{
  font-size:25px;
}
.Header {
  background: linear-gradient(to top, #fc3b6c, #ff4b82);
  padding:30px 20px;
  color: rgba(255, 255, 255, 0.73);
  .allProfit{
    font-size:41px;
    padding:10px 0;
    color:#fff;
  }
}


.detailProfit{
  background: #dd4969;
  color: rgba(255, 255, 255, 0.73);
  text-align:center;
  display:flex;
  &>View{
    flex:1;
    padding:20px;
    .money{
      color:#fff;
      font-size:30px;
      padding-bottom:5px;
    }
  }
}

.detailInfo{
  width:95%;
  margin:30px auto 50px;
  background:#fff;
  border-radius:20px;
  .detailInfoHeader{
    display: flex;
    justify-content:space-between;
    align-items:center;
    .title{
      font-weight:600;
      font-size:30px;
      margin-left:15px;
    }
    .selectBox{
      border:1px solid #ff4b82;
      border-radius:0 20px;
      overflow:hidden;
      &>Text{
        padding:12px 20px;
        display: inline-block;
      }
      .activity{
        color:#fff;
        background:#dd4969;
      }
    }
  }
  .infoBox{
    display: flex;
    flex-wrap:wrap;
    text-align:center;
    margin-top:20px;

    .infoItem{
      width:33%;
      border-bottom:1px solid #e7e7e7;
      padding:30px 0;
      .num{
        font-size:30px;
        font-weight: 600;
        padding-bottom:5px;
      }
    }
  }
}
